<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>csslayout01</title>
		<link type="text/css" href="css/normalize.css" rel="stylesheet" />
		<!--[if lt IE 9]><script src="js/html5/html5shiv.js"></script><![endif]-->
		<!-- IE 버전이 9 이하인 경우 html5를 적용하기 위해 작성 -->
		<link type="text/css" href="css/csslayout01.css" rel="stylesheet" />
	</head>
	<body>
		<header>
			<div id="logo"></div>
			<div id="qtext"><span>Login</span> or <span>CreateAccount</span></div>
			<div id="qmenu">
				<ul>
					<li>contact |&nbsp;</li>
					<li>store locator |&nbsp;</li>
					<li>support |&nbsp;</li>
					<li>CART</li></ul></div>
		</header><!-- //머릿글 -->
		<nav>
			<input type="text"/>
			<select>
				<option>All categories</option>
				<option>Category1</option>
				<option>Category2</option>
				<option>Category3</option>
				<option>Category4</option>
				<option>Category5</option>
				<option>Category6</option>
			</select>
			<button type="button">SEARCH</button>
		</nav><!-- 상단 메뉴 -->
		<div id="content">
			<div id="sect01">
				<aside>
					<ul>
						<li>All categories</li>
						<li>Category1</li>
						<li>Category2</li>
						<li>Category3</li>
						<li>Category4</li>
						<li>Category5</li>
						<li>Category6</li>
					</ul>
				</aside>
				<section>
					<p>[ PROMOTION IMAGES ROTATE HERE ]</p>
					<ul>
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
				</section>
			</div><!-- 프로모션 이미지 -->
			<div id="sect02" class="clearme">
				<h3>Today's Specials</h3>
				<ul>
					<li>
						<div class="product"></div>
						<p>Prodect1</p>	
					</li>
					<li>
						<div class="product"></div>
						<p>Prodect2</p>	
					</li>
					<li>
						<div class="product"></div>
						<p>Prodect3</p>	
					</li>
					<li>
						<div class="product"></div>
						<p>Prodect4</p>	
					</li>
					<li>
						<div class="product"></div>
						<p>Prodect5</p>	
					</li>
					<li>
						<div class="product"></div>
						<p>Prodect6</p>	
					</li>
				</ul>
			</div><!-- 이미지 목록 -->
		</div><!-- //본문글 -->
		<footer>
			<div id="sitemap">
				<ul>
					<li><h4>ABOUT US</h4></li>
					<li>Company</li>
					<li>News</li>
					<li>Jobs</li>
					<li>Policies</li>
					<li>Contact</li>
				</ul>
				<ul>
					<li><h4>SOCIAL</h4></li>
					<li>Facebook</li>	
					<li>Twitter</li>	
					<li>Try our app</li>	
				</ul>
				<ul>
					<li><h4>SERVICE</h4></li>
					<li>FAQ</li>
					<li>Live support</li>
					<li>Site map</li>
				</ul>
			</div>
		</footer><!-- //꼬릿글 -->
			<div id="copy" class="clearme">copyright(c) 2013.skyinline.all rights reserved.</div>
	</body>
</html>
